<template>
  <div id="documentDetails" style=" padding: 24px">
    <el-row>
      <el-col :span="24">
        <div class="grid-content bg-purple-dark">
        <h2>{{goods.titile}}</h2>
          <div class="demo-image__placeholder" >
            <div class="block">
              <span class="demonstration"></span>
              <el-image :src="goods.imgurl" style="height:400px;"></el-image>
            </div>
          </div>
          <div>
             <p>{{goods.details}}</p> 

          </div>

        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import http from "../../utils/https";
export default {
  name: "DocumentDetails",
  data() {
    return {
      keys: "",
      src:"../../static/123.jpg",
      goods : {
          titile : "",
          imgurl : "" ,
          details : "",
      }

    };
  },

  beforeCreate() {
    console.log("bbs1");
  },

  created() {
    console.log("bbs2");
  },

  beforeMount() {
    console.log("bbs3");
  },

  mounted() {
    let id = this.$route.params.id;
    console.log(id);
    http.get({
      url: "/yjl/goods/id/" + id
    }).then(res=>{
        if(res.code == 200){
         this.goods =  res.content ;
         console.log(this.goods );
        }
    })
  
  },

  beforeUpdate() {
    console.log("bbs5");
  },

  updated() {
    console.log("bbs6");
  },

  beforeDestroy() {
    console.log("bbs7");
  },

  destroyed() {
    console.log("bbs8");
  },

  activated() {
    console.log("bbs9");
  },

  deactivated() {
    console.log("bbs10");
  },

  methods: {},

  computed: {}
};
</script>

<style>
</style>
